﻿h1,h2,h3,h4,h5{margin:0  0 15px;}
h1{color:#803262;font-size:24px;}
h2{color:#0083a1; font-size:20px;}
h3{font-size:16px;}

html, li, p {
    font-size: 14px;
}

.error-txt{display:none;}

.page-header {
    text-transform:uppercase;
}

.border-right{border-right:1px solid #ddd;}

.main-wrapper{padding-top:65px; background:url(images/bg1.jpg) no-repeat top right fixed;}
.navbar-airlife{background:#E3001B; color:#fff; position:fixed; width:100%; z-index:1000; border:0;}
	.navbar-airlife .navbar-toggle {
		border-color: #fff;
	}
	.navbar-airlife .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.nav-airlife{margin-top:10px; float:right;}
		.topLevel li > a {padding: 10px;}
		
.navbar-header img{width:250px;}

.navbar-brand{padding: 0 15px;}
		
		
.sivam_head{float:right;}

.left-categories{}
	.left-categories ul{margin:0; padding:0;}
		.left-categories ul li{list-style:none;}
			.left-categories ul li a{padding:10px;}
				.left-categories .nav-pills > li.active > a, .left-categories .nav-pills > li.active > a:hover, .left-categories .nav-pills > li.active > a:focus {
					background-color: #0083a1;
				}

				
/*nomination*/				
.random-box{padding:10px; background:#efefef;width: 250px;margin: 15px 0;}
.randomcode{margin:0;}
.randomcode-wrap{overflow:hidden;}				
.random-label input{
	margin:0;
}


/*how to enter*/
.how-enter ul li{margin-bottom:10px;}

/*judges*/
.judges li {
    width: 150px;
    vertical-align: top;
    margin: 0 10px 10px;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
}
	.judges li img {
		border: 1px solid #efefef;
		display: block;
		margin-bottom: 10px;
	}
	
/*HP*/

.sponsors-wrap{z-index:1000; position:absolute; bottom:0; width:100%;}

.sponsorBox {
    margin-top: 15px;
    background: #fff;
    padding: 10px;
}
	.sponsorBox table td{padding:2px 10px;}
		.sponsorBox .list-inline li{padding:2px 10px; vertical-align:top;}
			.sponsorBox .list-inline li label{display:block; font-weight:normal; font-size:12px;}
.vegas-overlay{margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background:url(images/02.png);z-index: 10;}
		
/*MEDIA QUERIES-----------------------------------------------------------------------------------------------------------------*/


@media (max-width: 768px) {
	.nav-airlife {
		float:none;
	}
	.nav-airlife a{
		padding:0;
	}
	
}

@media (max-width: 425px) {
	
	.sivam_head img{width:150px;}
	.sponsors-wrap{position:relative; width:100%;}
	
}

@media (max-width: 375px) {
	
	.navbar-header img{width:214px;}
	.navbar-brand{display:none;}
	.sivam_head{float:none; margin-top:10px;}
		.sivam_head img{width:100px;}
}

@media (max-width: 320px) {

		
}



/*Carousel Fade*/
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 10000!important;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}